:root{--bg:#0f1720;--card:#0b1220;--accent:#06b6d4;--muted:#94a3b8;--text:#e6eef6}
*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:linear-gradient(180deg,var(--bg),#071326);color:var(--text);line-height:1.5}
.container{max-width:900px;margin:2rem auto;padding:1rem}
.site-header{background:linear-gradient(90deg,rgba(6,182,212,0.08),rgba(99,102,241,0.06));padding:2rem 1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,0.03)}
.site-header h1{margin:0;font-size:clamp(1.5rem,4vw,2.25rem)}
.site-header .tagline{color:var(--muted);margin:0.25rem 0}
nav a{color:var(--accent);margin:0 0.5rem;text-decoration:none}
section{background:rgba(255,255,255,0.02);padding:1rem;margin:1rem 0;border-radius:8px}
.site-footer{text-align:center;padding:2rem 1rem;color:var(--muted)}
a{color:var(--accent)}
@media (max-width:600px){.container{padding:0.5rem}.site-header{padding:1rem}}
